<div id="gioithieu">
	<div id="tieude_1">
		<p>Danh sách trẻ</p>
	</div>
    <div id="noidung_gt" style="margin-top:10px">
        <?php
            $sql = $mysqli->query("select * from tre,phuhuynh where
									tre.MA_PH = phuhuynh.MA_PH");
			echo "<table id='danhsach'>";
			echo "<thead><tr><th>MÃ TRẺ</th><th>HỌ TÊN TRẺ</th><th>TUỔI</th><th>TÊN LỚP</th><th>HỌ TÊN PHỤ HUYNH</th><th>TÙY CHỌN</th></tr></thead><tbody>";
            while ($row=$sql->fetch_array()) {
				$tuoi = date('Y') - (int) substr($row['NGAYSINH_TRE'], 0, 4);
				echo "<tr><td>{$row['MA_TRE']}</td><td>{$row['HOTEN_TRE']}</td>";
				$ketqua = $mysqli->query("select TEN_LOP from tre,hoc,lop where
									tre.MA_TRE = hoc.MA_TRE and
									hoc.MA_LOP = lop.MA_LOP and
									tre.MA_TRE = '{$row['MA_TRE']}' and 
									hoc.NAM = ".date('Y'));
				$dong = $ketqua->fetch_array();
				echo "<td style='text-align:center'>{$tuoi}</td><td style='text-align:center'>{$dong[0]}</td>
					<td style='text-align:center'>{$row['HOTEN_PH']}</td><td id='nut_1'>
					<a href='index.php?cn=ql_tre&id=xemct_tre&matre=".$row['MA_TRE']."'>Xem chi tiết</a>";?>
					<input type='button' value='Xóa' onClick="xoa('<?php echo $row['MA_TRE'] ?>')" /></td></tr><?php
            }
			echo "</tbody></table>";
			echo "<a href='index.php?cn=ql_tre&id=them_tre' class='them'>Thêm trẻ mới</a>";
		?>
    </div>
    <div id="delete"></div>
</div>
<script type="text/javascript">
		$(document).ready(function(){
			var table = $('#danhsach').DataTable( {
					"scrollY": "370px",	
					"paging": true, 
	        		"info": false,         		
				});
			 
			 });
</script>
<script>
	$(function() {
		document.getElementById('danhsach_previous').innerHTML = "Trước";
		document.getElementById('danhsach_next').innerHTML = "Sau";
	});
		function createXHR() {
			var xmlhttp;
			if (window.XMLHttpRequest) {
			xmlhttp = new XMLHttpRequest();
			} else {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			}
			return xmlhttp;
		}
		function xoa(e){
			swal({
				title: "Bạn có chắc muốn xóa trẻ này?",
				text: "Mọi thông tin liên quan đến trẻ sẽ được xóa khỏi hệ thống",
				type: "warning",
				showCancelButton: true,
				confirmButtonColor: "#DD6B55",
				confirmButtonText: "Xóa",
				cancelButtonText: "Hủy",
				closeOnConfirm: false,
				closeOnCancel: false },
			function(isConfirm){
				if (isConfirm) {
					var xhr = createXHR();
					xhr.open("get","xoatre.php?matre=" + e,false);
					xhr.send(null);
					document.getElementById('delete').innerHTML = xhr.responseText;
					swal("", "Xóa thông tin của trẻ thành công.", "success");
				}
			});}
</script>